.lock-screen {
  height: 100%;
  background: url(/src/assets/img/wallpaper/lock.jpg) top center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
}

.time-page {
  width: 100%;
  height: 100%;
  padding-top: 100px;

  .time {
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    h1 {
      font-size: 60px;
    }
    p {
      font-size: 20px;
    }
  }
}

.signin-page {
  width: 100%;
  height: 100%;
  padding-top: 100px;

  .sign-in {
    display: flex;
    flex-direction: column;
    align-items: center;
    .avatar {
      width: 200px;
      height: 200px;
      border-radius: 50%;
      overflow: hidden;

      img {
        width: 100%;
        height: 100%;
      }
    }
  }
}
